body {
   background-color: black;
   background-image: url(https://sadhost.neocities.org/images/tiles/stars3.gif);
   font-family: myFont;
   font-size:15px ;
  }

main{
  margin: 15px;
}

h1{
  text-align:center;
  font-family: myFont2;
}


nav {
  float: left;
  background: green;
  color: yellow;
  padding: 10px;
  font-size: larger;
  border-style:solid;
  border-width: 4px;
  border-color: lawngreen;
  width: 150px;
}
.navbar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.navbar a {
color: greenyellow;
text-decoration: none;
}
.navbar a:hover{
color:white;
background-color: greenyellow;
}

#content{
background-color: lawngreen;
border-width: 5px;
border-style: solid;
border-color: yellow;
}

#everything{
color: green;
max-width: 900px;
display: flex;
margin-inline: auto;
margin-top: 20px;
    border-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAABfUlEQVR4AdTXMW4DQQxD0dj3v7PT7EvxA2EWNhBE2xCUKI1IuPHzK9/r+lL+c3qd8fLwr0M1/hs+XQ4diEP1E1Z/4vbRQXW4J9HH9bm8eLUf6pNjfTjpuo9+qtuzJ1GO4OTs1Oecrvhu3z37EnW5JMqnRNTpYfe0bu6k09+XqMuLdY5D+vImOOk6R9f5fYnedcYpnBJQ797TXPX27Eu0TuusfU6n+t0+HZz27UtUgpDD4qlffXnny6vH9yU6/TbqeNJxfsLO432ne/YlOjniuA4/5dNed0Dv7EuUQ8gJrEP1T3Ha2zv2JdpkOLoc//y/Lu/ciXfeO52rbn+iHNZxOd1dPM3rQ3v3JtrfBkcTnvRTv/Um2P7eRE/O6rR6yVeHw0mn3r37Eq3TyVmd0nW+OhyaK1cv7kuUA8lA9TrXh3Q47Bxd6/T65XsS7eUc1bE6fLc/vWfv1N+T6JTM5GyqT3skBaub9tHr70nU5ZBjqA5bP3FzE5qHdDhck+g3AAAA//9O6YNxAAAABklEQVQDAAsQUGMTRSKpAAAAAElFTkSuQmCC') 14 /  14px / 0 round;
    border-width:  14px;
    border-style:  solid; 

}


#navbutton {
background-color: #199600;
width:150px;

}



#header {
width: 100%;
height: 150px;
background-size: 100%;
background-image: var(--header-image);
padding: 0px;

}

 :root {
--header-image: url('siggy2.png');
}

/* Container styles */
.scrolling-text-container {
    overflow: hidden;
}

/* Inner container styles */
.scrolling-text-inner {
    display: flex;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 600;
}

/* Text styles */
.scrolling-text {
    display: flex;
}

/* Apply the animation to the text items */
.scrolling-text-inner>div {
    animation: var(--direction) var(--marquee-speed) linear infinite;
}

/* Pause the animation when a user hovers over it */
.scrolling-text-container:hover .scrolling-text-inner>div {
    animation-play-state: paused;
}

/* Setting the Animation using Keyframes */
@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes scroll-right {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0%);
    }
}


    .sally {
    border-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAAAXNSR0IArs4c6QAAArFJREFUeF7tnEFuwzAMBJ2+If9/Yd7QBr3VMpDBgLSspNurJZkcLVey7PS2Lf73/Xj8/A3x636/rRzy0sH9ggvQZvkEaIA2EygONyqShlvNU5fz0AAlCcnrASqBUfOPB3p2gjT+6JG2/ewJRA+lBMaA7SJB4weofJIJUKihKBQA0ZMKKYw87GzLqN6f8h/H1x5qPa2aEPU/e0IDlGZAWlaAvhtQ8rzZJVjkt1kLo0VXe2iAvj7gDtBh30wVFoUWFyGqSL1tGjvQDFY9jRK4+v6UH5Z8gLqXggEqLSEKJQL/DWiRR7k7repvtyiViRQHCNAiQNpl0PDLL0qUwNnXl1eoDbAKrLpvtfFOV6gNMECbtyEBGqCvCVQ9qLpqXq1QGz96aIDukdIaEKCyBAJ0+KRc8js010CpxO07GOtB1YSrx402v7H9oeQDdH/+aXkE6CDpKBQ8ghRGlkT9DyVvO1iPs19e2PGpfff9ideNGtCqNjshuh8tSt35jPcLUDlDJMAA7QZKJVI1beov89HNSVEUH/XPPlSehgXoAIyARKGy6C8Haj1V5nf4HtP2t+0tUBqftl05viOC8Gh62IfSeLNnmOKx12fHH4XKGSqXfLenUkAyP2xeVaiNFxUaoIt/H2pnHCUIDaLQKsHixp42+hTe9JKngFa7bisqQOWzPU14gAYoaaT3+seVvH0L2Ytz02cPy5d8gDZLJEAD9DUBetI4W0GrjU+LFHpogO4FF6Byn2kF1H7AvFpJWgu38bcr1AZQTZD6k6KoPx2G2G+jtIcGaPP/HAnQAFVVT4Jp91CKjm5oX6lQguSBFK/1YMpPeygFSDcMUPmzlABtfskVoFTDk693e9rk8Df00NkBBWgz8QAN0B2B5UqetlV20WuebxwuQBGRaxCgjhe2DlBE5Bo8AaQpX9b8qMXMAAAAAElFTkSuQmCC') 28 /  28px / 0 round;
    border-width:  28px;
    border-style:  solid; 
  }
  

@font-face {
  font-family: myFont; /* set name */
  src: url(BlitzMain.woff); /* url of the font */
}

p {
  font-family: myFont; /* use font */
}

.p2 {
  font-family: myFont2; /* use font */
}
@font-face {
  font-family: myFont2; /* set name */
  src: url(BlitzBold.woff); /* url of the font */
}

h3 {font-family: myFont2;}

#navtitles {
font-family: myFont2;
color:white;
}